<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会员转移申请</title>
    <link rel="stylesheet" href="http://itphy.com/cdn/layui/css/layui.css">
    <link rel="stylesheet" href="http://itphy.com/cdn/select2/css/select2.css">
    <style>
        .layui-input-block {
            margin-left: 250px;
        }

        .layui-form-label {
            width: 180px;
        }

        .select2-container .select2-selection--single {
            height: 38px;
            line-height: 1.3;
            background-color: #fff;
            border-radius: 2px;
            border: 1px solid #aaa;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 35px;
        }

        .layui-form-item .layui-input-inline {
            margin-left: 40px;
        }
    </style>
</head>
<body>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this">会员转入</li>
        <li>会员转出</li>
    </ul>
    <div class="layui-tab-content" style="height: 100px;">
        <div class="layui-tab-item layui-show">
            <div class="layui-bg-gray" style="padding: 30px;">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-panel">
                            <div style="padding: 50px 30px;">
                                <div class="layui-row" style="width: 1000px" id="zr">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员名称</label>
                                        <div class="layui-input-block">
                                            <select id="memberAll" class="select2"></select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员ID</label>
                                        <div class="layui-input-block">
                                            <input id="memberIdAll" type="text" name="title" lay-verify="title"
                                                   autocomplete="off"
                                                   class="layui-input" readonly>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员原管理员</label>
                                        <div class="layui-input-block">
                                            <input id="lastAdmin" type="text" name="title" lay-verify="title"
                                                   autocomplete="off"
                                                   class="layui-input" readonly>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">原管理员所属部门</label>
                                        <div class="layui-input-block">
                                            <select class="select2" id="lastAdminDept"></select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员原管理员状态</label>
                                        <div class="layui-input-block">
                                            <select class="select2" id="lastAdminStatus">
                                                <option value="">请选择</option>
                                                <option value="1">在岗</option>
                                                <option value="0">离职</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员转移原因</label>
                                        <div class="layui-input-block">
                                            <select class="select2 reason">
                                                <option selected>请选择</option>
                                                <option value="0">业务需求</option>
                                                <option value="1">员工转岗</option>
                                                <option value="2">员工离职</option>
                                                <option value="3">其他</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">备注</label>
                                        <div class="layui-input-block">
                                            <textarea id="note" class="layui-textarea"></textarea>
                                        </div>
                                    </div>

                                    <div class="layui-form-item layui-form-text" style="color: red">
                                        <label class="layui-input-block">
                                            提醒：请提前和会员原管理员沟通，避免流程被驳回
                                        </label>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <a type="button" class="layui-btn layui-btn-normal" href="/zall/member/transfer_member_list.htm">返回</a>
                                            <button id="memberzr" type="submit" class="layui-btn">立即提交</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="layui-bg-gray" style="padding: 30px;">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-panel">
                            <div style="padding: 50px 30px;">
                                <div id="zc" class="layui-row" style="width: 1200px;">


                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员转出接收人</label>
                                        <div class="layui-input-block">
                                            <select id="memberReceiver" class="select2"></select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员转移原因</label>
                                        <div class="layui-input-block">
                                            <select class="select2 reason">
                                                <option selected>请选择</option>
                                                <option value="0">业务需求</option>
                                                <option value="1">员工转岗</option>
                                                <option value="2">员工离职</option>
                                                <option value="3">其他</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">备注</label>
                                        <div class="layui-input-block">
                                            <textarea class="layui-textarea note"></textarea>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">申请人</label>
                                            <div class="layui-input-inline">
                                                <input id="apply" type="text" name="title" lay-verify="title" autocomplete="off"
                                                       class="layui-input" readonly>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">所属部门</label>
                                            <div class="layui-input-inline">
                                                <select class="select2" id="depart">
                                                    #foreach( $d in $departs)
                                                    <option value="$d.id">$d.name</option>
                                                    #end
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <a type="button" class="layui-btn layui-btn-normal" href="/zall/member/transfer_member_list.htm">返回</a>
                                            <button type="submit" class="layui-btn" id="zcSubmit">立即提交</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" id="adminCurr" value="$!{adminId}">
<input type="hidden" id="adminName" value="$!{adminName}">
<script id="add" type="text/html">
    <div class="layui-form-item zcMember">
        <div class="layui-inline">
            <label class="layui-form-label">会员名称</label>
            <div class="layui-input-inline">
                <select class="select2 memberName"></select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">会员ID</label>
            <div class="layui-input-inline">
                <input type="text" name="title" lay-verify="title" autocomplete="off"
                       class="layui-input memberId" readonly>
            </div>
        </div>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <button class="layui-btn layui-btn-primary layui-border-blue"
                        onclick="add(this)">新增会员
                </button>
            </div>
        </div>
    </div>
</script>
<script id="del" type="text/html">
    <div class="layui-form-item zcMember">
        <div class="layui-inline">
            <label class="layui-form-label">会员名称</label>
            <div class="layui-input-inline">
                <select class="select2 memberName"></select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">会员ID</label>
            <div class="layui-input-inline">
                <input type="text" name="title" lay-verify="title" autocomplete="off"
                       class="layui-input memberId" readonly>
            </div>
        </div>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <button class="layui-btn layui-btn-primary layui-border-red" onclick="del(this)">删除会员</button>
            </div>
        </div>
    </div>
</script>
<script src="http://itphy.com/cdn/jquery/jquery.js"></script>
<script src="http://itphy.com/cdn/common/common.js"></script>
<script src="http://itphy.com/cdn/layui/layui.js"></script>
<script src="http://itphy.com/cdn/select2/js/select2.js"></script>
</body>
</html>